//从layui对象下获取jquery对象
var $ = layui.$;
;(function(){
    // 登录注册框切换逻辑
    // 1.点击注册账号按钮，切换注册框显示
    // $('.go-register').on('click',function(){
    //     $('.login').hide()
    //     $('.register').show()
    // })
    // // 2.点击去登陆按钮，切换为注册框显示
    // $('.go-login').on('click',function(){
    //     $('.register').hide()
    //     $('.login').show()
    // })

    function tabChange(){
        $('.login').toggle()
        $('.register').toggle()
    }
    $('go').on('click',tabChange)
})();


//自定义验证规则
//给layui.form对象添加规则
layui.form.verift({
    //key规则名 value规则（数组，函数）
    //函数形式，第一个参数，是用户名输入的值 第二个参数是dom元素
    username:function(val){
        var reg=/^[a-zA-z0-9]{4,10}$/
        if(!reg.text(val)){
            return'请输入4-10为英文字母或者数字!'
        }
    },
    //密码验证规则
    //数组形式 数组的第一项是正确表达式 第二项是错误信息
    pwd:[/[/s]{0,4}/,'请输入4-10为英文字母或者数字!'],
    //确认密码规则
    repwd:function(val){
        //获取用户输入的密码值
        var pwd=$('.reg-password').val().trim()
        if(pwd!==val){
            return'请输入4-10为英文字母或者数字!'
        }
    }
})

//注册交互逻辑
;(function(){
    //绑定注册表单的提交事件（如果按钮无法触发提交事件 就给按钮绑定紧急）
    $('.reg-btn').click(function(e){
        $.ajax({
            url:'/api/register',
            type:'POST',
            data:{
                username:$('.reg-username').val().trim(),
                password:$('.reg-password').val().trim()
            },
            success:function(res){
                console.log(res)
                if(res.status===0){
                    //切换到登录框
                    $('.go-login').click()
                }
            }
        })
    })
})


//登录交互逻辑
;(function(){
    //绑定注册表单的提交事件（如果按钮无法触发提交事件 就给按钮绑定紧急）
    $('.reg-btn').click(function(e){
        //ajax发送请求
        $.ajax({
            url:'/api/login',
            type:'POST',
            data:$('.login-form').serialize(),
            success:function(res){

                //登录成功后执行
                if(res.status===0){
                    localStorage.setItem('token',res.token)
                    location.href='/index.html'
                }else{
                    layer.msg(res.message);
                }
            }
        })
    })
})